<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/pages/templates/template.xhtml">
	<ui:define name="metadata">
	</ui:define>
	<ui:define name="content">
		<h:form id="formAlocacao">
			<div>
				<div class="div-titulo-tela">
					<p:outputLabel styleClass="titulo-tela">Alocação Automática</p:outputLabel>
					<br /> <br />
					<p:separator></p:separator>
					<div class="div-titulo-botoes">
						<p:commandButton value="Distribuir" update="formAlocacao"
							disabled="#{!AlocacaoBean.podeAlocar}" global="true"
							action="#{AlocacaoBean.doAlocar}" />
						<p:commandButton value="Editar" update="formAlocacao"
							disabled="#{!AlocacaoBean.podeAlocar}" global="true"
							action="#{AlocacaoBean.doEditar}" />

						<p:ajaxStatus style="width:16px;height:16px;" id="ajaxStatusPanel">
							<f:facet name="start">
								<h:graphicImage value="../images/waiting.gif" />
							</f:facet>
						</p:ajaxStatus>
					</div>
				</div>
				<div>
					<div class="div-corpo-tela">
						<div class="div-mensagem">
							<p:messages id="messages" autoUpdate="true" closable="true" />
						</div>
						<div style="width: 30%; float: left; position: relative;">
							<h:panelGrid columns="2" cellpadding="10">
								<p:outputLabel>Grupos de Trabalho: </p:outputLabel>
								<p:outputLabel></p:outputLabel>
								<p:outputLabel>Distribuídos: </p:outputLabel>
								<p:outputLabel>#{AlocacaoBean.totais.qtdGruposDistrib}</p:outputLabel>
								<p:outputLabel>Não Distribuídos: </p:outputLabel>
								<p:outputLabel>#{AlocacaoBean.totais.qtdGruposNDistrib}</p:outputLabel>
								<p:outputLabel>Total: </p:outputLabel>
								<p:outputLabel>#{AlocacaoBean.totais.qtdGrupos}</p:outputLabel>
							</h:panelGrid>
							<h:panelGrid columns="2" cellpadding="10">
								<p:outputLabel>Orientadores: </p:outputLabel>
								<p:outputLabel></p:outputLabel>
								<p:outputLabel>Com Grupos: </p:outputLabel>
								<p:outputLabel>#{AlocacaoBean.totais.qtdOrientadoresComGrupo}</p:outputLabel>
								<p:outputLabel>Sem Grupos: </p:outputLabel>
								<p:outputLabel>#{AlocacaoBean.totais.qtdOrientadoresSemGrupo}</p:outputLabel>
								<p:outputLabel>Total: </p:outputLabel>
								<p:outputLabel>#{AlocacaoBean.totais.qtdOrientadores}</p:outputLabel>
							</h:panelGrid>
						</div>
						<div style="width: 60%; float: left; position: relative;">
							<p:dataTable id="dtProfessores" var="prof" emptyMessage=""
								value="#{AlocacaoBean.professores}" paginator="true" rows="10" >
								
								<p:column headerText="Professor">
									<h:outputText value="#{prof.nome}" />
								</p:column>
								<p:column headerText="Carga Horária">
									<h:outputText
										value="#{prof.cargaHoraria} / #{prof.numHorasOrientacao}" />
								</p:column>
							</p:dataTable>
						</div>


						<div
							style="width: 100%; float: left; position: relative; margin-top: 15px;">
							<p:dataTable id="dataTable" var="grupo"
								emptyMessage="Alocação automática não realizada."
								value="#{AlocacaoBean.grupos}">
								<p:column headerText="Grupo">
									<h:outputText value="#{grupo.grupo}" />
								</p:column>

								<p:column headerText="Grau Ordenação">
									<h:outputText value="#{grupo.grauOrdenacao}" />
								</p:column>
								<p:column headerText="Alocado Por">
									<h:outputText value="#{grupo.alocadoPor}" />
								</p:column>
								<p:column headerText="Resultado">
									<h:outputText value="#{grupo.resultado}" />
								</p:column>
							</p:dataTable>
						</div>
					</div>
				</div>
			</div>
		</h:form>
	</ui:define>
</ui:composition>

